$(function () {
    //顶部下拉菜单
    $('.h_inner').find('.s_down').mouseover(function () {
        $(this).css('background', '#fff').children('a').css('color', '#cb242b').children('i').removeClass('icon-shangxiajiantou').addClass('icon-shang').parent().siblings('.b').show();
    })
    $('.h_inner').find('.s_down').mouseout(function () {
        $(this).css({
            background: '#f5f5f5',
            height: 36
        }).children('a').css('color', '#a4a4a4').children('i').removeClass('icon-shang').addClass('icon-shangxiajiantou').parent().siblings('.b').hide();
    })
    $('.products').show().siblings('.empty').hide();
    getSum();


    //购物车商品操作
    //全选模块
    var checked = false
    $('.checkAll').click(function () {
        $(this).toggleClass('checked');
        if (checked) {
            //未选中
            checked = false;
            $('.checkAll').removeClass('checked');
            $('.checkThis').removeClass('checked');
            getSum();
        } else {
            //选中
            checked = true;
            $('.checkAll').addClass('checked');
            $('.checkThis').addClass('checked');
        }
        getSum();
        getCartIds();
    })

    var getCartIds = function () {
        var ids = "";
        $.each($(".checkThis.checked"), function (index, item) {
            if (ids) {
                ids += ",";
            }
            ids += $(item).attr("cid");
        });
        $("#ids").val(ids);//将选中的值放到input框里
    }

    $('.pro-warp').on('click', '.checkThis', function () {
        $(this).toggleClass('checked');
        if ($(this).parents('.pro-warp').find('.checked').length === $(this).parents('.pro-warp').find('.checkThis').length) {
            $('.checkAll').addClass('checked');
            checked = true;
        } else {
            $('.checkAll').removeClass('checked');
            checked = false;
        }
        getSum();
        getCartIds();

    })

    $(".btn").on("click", function () {
        if($("#ids").val()){
            $("#orderForm").submit();//有值再提交
        }else {
            layer.msg("请至少选择一个商品");
        }
    })

    //数量小计模块
    //1.点击+或-时，显示的数量相应的增加或减少
    //2.点击+或-时，小计里的值相应的改变
    //3.直接输入修改数量时，小计里的值相应的改变
    //4.总件数等于三个数量相加，总价等于三个小计相加
    //加
    $('.pro-warp').on('click', '.add', function () {
        var num = parseInt($(this).parent().prev().val());
        //val()获取的是字符串
        num++;
        $(this).parent().prev().val(num);
        //获取单价，去掉￥符号
        var p = $(this).parents('li').prev().find('span').html().substring(1);
        //小计 = 单价 * 数量
        var price = (p * num).toFixed(2);
        $(this).parents('li').next().html('￥' + price);
        //调用函数实时修改总量和总价
        //避免选中商品后再变更商品数量时，总价和总量不变的问题
        getSum();
        $.ajax({
            url: '/cart/number',
            type: 'post',
            dataType: 'json',
            data: {
                id: $(this).closest("ul").find(".num").attr("cid"),
                number: num,
                count: $(this).parents('.pro-list').find('.num').val()
            },
            success: function (res) {
                console.log(res);
            }
        })
    })
    //减
    $('.pro-warp').on('click', '.cut', function () {
        var num = parseInt($(this).parent().prev().val());
        num--;
        if (num < 1) {
            num = 1;
        }
        $(this).parent().prev().val(num);
        //获取单价，去掉￥符号
        var p = $(this).parents('li').prev().find('span').html().substring(1);
        // console.log(p)
        //小计 = 单价 * 数量
        var price = (p * num).toFixed(2);
        $(this).parents('li').next().html('￥' + price);
        //调用函数实时修改总量和总价
        //避免选中商品后再变更商品数量时，总价和总量不变的问题
        getSum();
        $.ajax({
            url: '/cart/number',
            type: 'post',
            dataType: 'json',
            data: {
                id: $(this).closest("ul").find(".num").attr("cid"),
                number: num,
                count: $(this).parents('.pro-list').find('.num').val()
            },
            success: function (res) {
                console.log(res);
            }
        })
    })
    //输入
    //直接输入修改数量时，小计里的值相应的改变
    $('.pro-warp').on('blur', '.num', function () {
        if (!$(this).val()) {
            $(this).val(1);
        }
        if ($(this).val() < 1) {
            $(this).val(1);
        }
        var num = parseInt($(this).val());
        //获取单价，去掉￥符号
        var p = $(this).parents('li').prev().find('span').html().substring(1);
        //小计 = 单价 * 数量
        var price = (p * num).toFixed(2);
        $(this).parents('li').next().html('￥' + price);
        //调用函数实时修改总量和总价
        //避免选中商品后再变更商品数量时，总价和总量不变的问题
        getSum();
        const goodsId = $(this).attr('data-id')
        $.ajax({
            url: '/cart/number',
            type: 'post',
            dataType: 'json',
            data: {
                id: $(this).closest("ul").find(".num").attr("cid"),
                number: num,
                count: $(this).val()
            },
            success: function (res) {
                console.log(res);
            }
        })
    })

    //<--删除模块-->
    //1.点击操作栏下的删除时，当前商品消失
    //2.点击底部删除按钮时，所有商品清空
    $('.pro-warp').on('click', '.pro-del', function () {
        //点击操作栏下的删除时，当前商品消失
        $(this).parents('.pro-list').remove();
        if ($('.pro-warp').find('.checked').length === $('.pro-warp').find('.checkThis').length) {
            $('.checkAll').addClass('checked');
            checked = true;
        } else {
            $('.checkAll').removeClass('checked');
            checked = false;
        }
        //更新总量和总价
        getSum();
        const goodsId = $(this).attr('data-id')
        // console.log(goodsId);
        $.ajax({
            url: '/cart/delete',
            type: 'post',
            dataType: 'json',
            data: {
                id: $(this).closest("ul").find(".num").attr("cid"),
            },
            success: function (res) {
                if ($('.pro-warp .pro-list').length === 0) {
                    console.log(res);
                    $('.products').hide().siblings('.empty').show();
                }
            }
        })
    })

    //删除选中
    $('.del2').click(function () {
        // 将选中的商品从html结构中删除
        $('.pro-warp').find('.checked').parents('.pro-list').remove();
        // 发送请求
        $.ajax({
            url: 'cart/delete/select?id=' + getCookie('userId'),
        }).then(res => {
            if ($('.pro-warp .pro-list').length === 0) {
                console.log(res);
                $('.products').hide().siblings('.empty').show();
            }
        })
        getSum();
    })

    //点击清理购物车时，所有商品清空
    $('.del').click(function () {
        $.each($('.pro-warp .pro-id'), function (index, item) {
            $.ajax({
                url: 'cart/delete',
                type: 'get',
                dataType: 'json',
                data: {
                    id: $(this).closest("ul").find(".num").attr("cid"),
                },
                success: function (res) {
                    console.log(res);
                }
            })
        })
        $('.pro-list').remove();
        getSum(); //更新总量和总价
        $('.products').hide().siblings('.empty').show();

    })


    //获取总价
    function getSum() {
        // 设置总计
        var numSum = 0;
        $('.pro-warp').find('.checked').parent().next().find('.num').each(function (index, ele) {
            numSum += parseInt($(ele).val());
        })
        $('.number').html(numSum);

        //设置总价
        var priceSum = 0;
        $('.pro-warp').find('.checked').parent().next().find('.pro-total').each(function (index, ele) {
            priceSum += parseInt($(ele).html().substring(1));
        })
        $('.total-price').html('￥' + ' ' + priceSum.toFixed(2));
    }


    $('.f_inner .service .service_r .p4 ul li').eq(0).mouseover(function () {
        $(this).children('.img').show();
    })
    $('.f_inner .service .service_r .p4 ul li').eq(0).mouseout(function () {
        $(this).children('.img').hide();
    })


})